<template>
    <div>
        <el-time-picker
            is-range
            v-model="value1"
            range-separator="至"
            start-placeholder="开始时间"
            end-placeholder="结束时间"
            value-format='HH:mm:ss'
            @change="timeChange"
            placeholder="选择时间范围">
        </el-time-picker>
    </div>
</template>

<script>
export default {
    name: 'timerange',

    data() {
        return {
            value1: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)]
        };
    },

    mounted() {
        
    },

    methods: {
        timeChange(val) {
            console.log("time=",val)
        }
    },
};
</script>

<style scoped>

</style>